<!doctype html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>文章新增编辑</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">
    <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,700,900" rel="stylesheet">
    <link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.6/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.5.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/owl.carousel.css">
    <link rel="stylesheet" href="css/owl.theme.css">
    <link rel="stylesheet" href="css/owl.transitions.css">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/meanmenu.min.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/dropzone/dropzone.css">
    <link rel="stylesheet" href="css/educate-custon-icon.css">
    <link rel="stylesheet" href="css/morrisjs/morris.css">
    <link rel="stylesheet" href="css/scrollbar/jquery.mCustomScrollbar.min.css">
    <link rel="stylesheet" href="css/metisMenu/metisMenu.min.css">
    <link rel="stylesheet" href="css/metisMenu/metisMenu-vertical.css">
    <link rel="stylesheet" href="css/summernote/summernote.css">
    <link rel="stylesheet" href="css/form/all-type-forms.css">
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="css/responsive.css">

    <script src="js/vendor/modernizr-2.8.3.min.js"></script>
</head>

<body>
<!--[if lt IE 8]>
<p class="browserupgrade">你使用了<strong>旧版本的</strong> 浏览器. 请 <a href="http://browsehappy.com/">升级你的浏览器！</a></p>

<![endif]-->

<div class="left-sidebar-pro" id="load-page" v-html="loadPage"></div>

<div class="all-content-wrapper">
    <!--登出-->
    <div class="header-advance-area " id="logOut" v-html="logOut"></div>

    <!--移动端-->
    <div class="mobile-menu-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="mobile-menu">
                        <nav id="dropdown">
                            <ul class="mobile-menu-nav">
                                <li><a data-toggle="collapse" data-target="#Charts" href="index.html">首页 <span
                                        class="admin-project-icon edu-icon edu-down-arrow"></span></a></li>
                                <li><a data-toggle="collapse" data-target="#Charts" href="JavaScript:void(0)">联系我们 <span
                                        class="admin-project-icon edu-icon edu-down-arrow"></span></a>
                                    <ul class="collapse dropdown-header-top">
                                        <li><a href="contactListMgt.html">联系人列表</a></li>
                                    </ul>
                                </li>
                                <li><a data-toggle="collapse" data-target="#demoevent" href="JavaScript:void(0)">文章目录
                                    <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
                                    <ul id="demoevent" class="collapse dropdown-header-top">
                                        <li><a href="articleCatalogMgt.html">文章列表</a></li>
                                        <li><a href="commentListMgt.html">文章评价</a></li>
                                    </ul>
                                </li>
                                <li><a data-toggle="collapse" data-target="#demopro" href="JavaScript:void(0)">文件操作
                                    <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
                                    <ul id="demopro" class="collapse dropdown-header-top">
                                        <li><a href="attachListMgt.html">文件列表</a></li>
                                    </ul>
                                </li>
                                <li><a data-toggle="collapse" data-target="#democrou" href="JavaScript:void(0)">框架 <span
                                        class="admin-project-icon edu-icon edu-down-arrow"></span></a>
                                    <ul id="democrou" class="collapse dropdown-header-top">
                                        <li><a href="uploadDownloadRecordListMgt.html">下载次数</a></li>
                                    </ul>
                                </li>
                                <li><a data-toggle="collapse" data-target="#demolibra" href="JavaScript:void(0)">网站基础
                                    <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
                                    <ul id="demolibra" class="collapse dropdown-header-top">
                                        <li><a href="websiteBrowseNums.html">浏览次数</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Single pro tab review Start-->
    <div class="single-pro-review-area mt-t-30 mg-b-15" id="objInfo">
        <div class="container-fluid">
            <div class="row" style="margin-top: 80px">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="product-payment-inner-st">
                        <ul class="tab-review-design">
                            <li class="active">
                                <a href="javascript:void(0)" v-if="pageType == 'add'">新增文章</a>
                                <a href="javascript:void(0)" v-if="pageType == 'edit'">编辑文章</a>
                            </li>
                        </ul>
                        <div class="tab-content custom-product-edit">
                            <div class="product-tab-list tab-pane fade active in">
                                <div class="row">
                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                        <form>
                                            <div class="form-group-inner">
                                                <div class="row">
                                                    <div class="col-lg-1 col-md-2 col-sm-2 col-xs-2">
                                                        <label class="login2 pull-right pull-right-pro">父目录</label>
                                                    </div>
                                                    <div class="col-lg-9 col-md-9 col-sm-9 col-xs-9">
                                                        <div class="form-select-list">
                                                            <select class="form-control custom-select-value"
                                                                    name="parent.id" v-model="article.parentId">
                                                                <option value="" selected>父类别</option>
                                                                <option v-for="item in articles" :value="item.id">
                                                                    {{item.name}}
                                                                </option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group-inner">
                                                <div class="row">
                                                    <div class="col-lg-1 col-md-2 col-sm-2 col-xs-2">
                                                        <label class="login2 pull-right pull-right-pro">排序</label>
                                                    </div>
                                                    <div class="col-lg-9 col-md-9 col-sm-9 col-xs-9">
                                                        <div class="form-select-list">
                                                            <input name="sort" type="number"
                                                                   class="form-control" placeholder="排序"
                                                                   v-model="article.sort"
                                                                   min="1" value="1">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group-inner">
                                                <div class="row">
                                                    <div class="col-lg-1 col-md-2 col-sm-2 col-xs-2">
                                                        <label class="login2 pull-right pull-right-pro">目录名称</label>
                                                    </div>
                                                    <div class="col-lg-9 col-md-9 col-sm-9 col-xs-9">
                                                        <div class="form-select-list">
                                                            <input name="name" type="text" v-model="article.name"
                                                                   class="form-control" placeholder="目录名称">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group-inner">
                                                <div class="row">
                                                    <div class="col-lg-1 col-md-2 col-sm-2 col-xs-2">
                                                        <label class="login2 pull-right pull-right-pro">内容</label>
                                                    </div>
                                                    <div class="col-lg-9 col-md-9 col-sm-9 col-xs-9">
                                                        <div id="articleContent"></div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group-inner">
                                                <div class="row">
                                                    <div class="col-lg-1 col-md-3 col-sm-3 col-xs-3">
                                                        <button type="button" class="btn btn-primary" cflag="save">保存
                                                        </button>
                                                    </div>
                                                    <div class="col-lg-1 col-md-9 col-sm-9 col-xs-9">
                                                        <button type="button" class="btn btn-white"
                                                                onclick="javascript:history.back(-1);">取消
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-1.12.4.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/jquery-price-slider.js"></script>
<script src="js/jquery.meanmenu.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.sticky.js"></script>
<script src="js/jquery.scrollUp.min.js"></script>
<script src="https://cdn.bootcss.com/fullcalendar/3.8.0/fullcalendar.min.js"></script>
<script src="js/summernote/summernote.js"></script>
<script src="js/summernote/summernote-zh-CN.js"></script>
<script src="js/summernote/summernote-active.js"></script>
<script src="js/metisMenu/metisMenu.min.js"></script>
<script src="js/metisMenu/metisMenu-active.js"></script>
<script src="js/sparkline/jquery.sparkline.min.js"></script>
<script src="js/sparkline/jquery.charts-sparkline.js"></script>
<script src="js/calendar/moment.min.js"></script>
<script src="https://cdn.bootcss.com/dropzone/3.8.3/dropzone.js"></script>
<script src="js/tab.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script src="js/layui/layui.js"></script>
<script src="js/layui/layui.all.js"></script>
<script src="js/vue.js"></script>
<script src="js/pagejs/constant.js"></script>
<script src="js/pagejs/utils.js"></script>
<script src="js/pagejs/articleListMgt_add_edit.js"></script>


</body>
</html>